root {
    display: block;
}

body{
    margin: 0px;
    background: url(images/bkg_app.png) repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align:top;
}

.centrar{
    width: 95%;
    margin: auto;
    text-align: center;
}
.error{color:red;}
.resaltar{background: yellow;}

.titulo{
    font-size: 14px;
    color: navy;
    font-weight: bold;
}

.divbr{clear: both;}

.formulario {border: 1px solid navy;background: #CAE6FB; font-size: 11px; width: 95%; margin-left: auto; margin-right: auto;}
.formulario tr td{border-bottom: 1px silver solid;}
.formulario .outputLabel{font-weight: bold; color: navy;}
.formulario .outputText{color: gray;}
.formulario .inputText{border: 1px solid navy; width: 200px;}
.formulario .inputTextarea{border: 1px solid navy; width: 200px; height: 75px;}
.formulario .inputFileUpload{border: 1px solid navy; width: 200px;}
.formulario .inputCalendar {width: 100px; display: inline;}
.formulario .inputCalendar input[type="text"]{border: 1px solid navy; width: 65px; margin-right: 2px;}
.formulario .inputCalendar input[type="button"]{border: 1px solid #CAE6FB; width: 25px; height: 20px; margin-right: 10px; background: url(img/icocal.jpg) no-repeat;}
.formulario .selectOneMenu {border: 1px solid navy; width: 200px; }
.formulario .commandButton {border: 1px solid navy; background: url(img/buttonbg.png) repeat-x top ; color: white; height: 20px; font-weight: bold; margin-right: 10px; }
.formulario .commandButton_Main {border: 2px solid navy; background: url(img/buttonbg.png) repeat-x top ; color: white; height: 22px; font-weight: bold; margin-right: 10px; }
.formulario .selectOneRadio{width: 200px;}
.formulario .selectOneRadio td{border: none;}












#div1{
    width: 990px;
    margin: 0px auto;
}


#div2{
    width: 990px;
    margin: 0px auto;
}

#div3{
    width: 980px;
    margin: 0px auto;
}


#cabecera .left{
    width: 390px;
    height: 88px;
    float: left;
    vertical-align:bottom;
    background: url(img/banner_final.png) no-repeat #e1eacd;
}

#cabecera .left .top{
    height: 25px;
    background: #ff9900;
}

#cabecera .right{
    width: 590px;
    height: 88px;
    float: right;
}

#cabecera .right .top{
    height: 25px;
    background: #ff9900;
}

#cabecera .right .top .spacer{height: 5px;}

#infoline{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
    text-align: right;
    margin-right: 20px;
}
#infoline label{
    font-weight: bold;
}
#infoline span{
    margin-right: 20px;
}
#infoline a{
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#infoline a:hover{
    /*ackground: #8EDAF2;*/
    color: #FFFF66;
}


#cabecera .right .bottom .spacer{height: 17px;}

#iconbar a{
    float: right;
    margin-right: 36px;
}


#cabecera .right .bottom{
    height: 63px;
    background: url(img/fondo.jpg);
}


#centro{
    background: url(img/centrobg.png) repeat-x top #F5FAFB ;
}


#centro .spacer_centro_inicio{height: 10px;}
#centro .spacer_centro_final{height: 10px;}
#centro .spacer_navbar{height: 6px;}

#navbar{
    width: 950px;
    margin: auto;
}

#navbar .left{
    width: 13px;
    height: 30px;
    float: left;
    background: url(img/navbar_left.png) no-repeat;
}

#navbar .center{
    float: left;
    width: 924px;
    height: 30px;
    background:url(img/navbar_center.png) repeat-x top;
}

#navbar .right{
    width: 13px;
    height: 30px;
    float: right;
    background: url(img/navbar_right.png) no-repeat;
}

#navbar .text{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#navbar .text a{
    text-decoration: none;
    color: #33448A;
    margin-right: 10px;
}

#navbar .text a:hover{
    text-decoration: underline;
    background: #33448A;
    color: white;
}

#navbar .text img{
    margin-right: 10px;
}


#cuadro .cuadro_top{
    width: 967px;
    height: 14px;
    background: url(img/cuadro_top.png);
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}
#cuadro .cuadro_bottom{
    width: 967px;
    height: 16px;
    background: url(img/cuadro_bottom.jpg);
    margin-left: auto;
    margin-right: auto;
}
#cuadro .cuadro_middle{
    width: 967px;
    background: url(img/cuadro_out.jpg) repeat-x top #CCCCCC;
    margin-left: auto;
    margin-right: auto;
}

#cuadro .cuadro_center{
    width: 950px;
    background: url(img/cuadro_in.jpg) repeat-x top #F0F0F0;
    margin-left: 9px;
}










#cuadro .cuadro_top_amarillo{
    width: 967px;
    height: 14px;
    background: url(img/cuadro_top_amarillo.jpg);
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}
#cuadro .cuadro_bottom_amarillo{
    width: 967px;
    height: 16px;
    background: url(img/cuadro_bottom_amarillo.jpg);
    margin-left: auto;
    margin-right: auto;
}
#cuadro .cuadro_middle_amarillo{
    width: 967px;
    background: url(img/cuadro_out_amarillo.jpg) repeat-x top #FCD860;
    margin-left: auto;
    margin-right: auto;
}

#cuadro .cuadro_center_amarillo{
    width: 950px;
    background: url(img/cuadro_in_amarillo.jpg) repeat-x top #FCEDBE;
    margin-left: 9px;
}











#cuadro .spacer_cuadro{
    float: left;
    height: 450px;
    width: 0px;
}
#cuadro .spacer_cuadro_amarillo{
    float: left;
    height: 400px;
    width: 0px;
}
#cuadro .cuadro_interior_amarillo{
    float: left;
    width: 836px;
    margin-left: 50px;
    margin-top: 20px;
}

#pie{
    background: url(img/centrobg.png) repeat-x top ;
    width: 980px;
    height: 89px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#pie div{
    float: left;
    margin: 17px 5px 0px 5px;
}


.cuadro_interior_2cols #splitter_menu{display: none;}
.cuadro_interior_2cols #splitter_central{display: block; width: 6px;}
.cuadro_interior_2cols .left{display: block; width: 241px;}
.cuadro_interior_2cols .right{width: 688px;}
.cuadro_interior_2cols .right .contenido .top{width: 688px;height: 11px;background: url(img/contenido_top.png) no-repeat;}
.cuadro_interior_2cols .right .contenido .middle{width: 688px;background: url(img/contenido_middle.jpg) repeat-y;}
.cuadro_interior_2cols .right .contenido .middle .text{width: 670px; margin-left: auto; margin-right: auto;}
.cuadro_interior_2cols .right .contenido .bottom{width: 688px;height: 12px;background: url(img/contenido_bottom.png) no-repeat;}

.cuadro_interior_1col #splitter_menu{display: block; width: 13px; margin-left: 4px;}
.cuadro_interior_1col #splitter_central{display: none;}
.cuadro_interior_1col .left{display: none;}
.cuadro_interior_1col .right{width: 925px;}
.cuadro_interior_1col .right .contenido .top{width: 925px;height: 11px;background: url(img/contenido_top_wide.png) no-repeat;}
.cuadro_interior_1col .right .contenido .middle{width: 925px;background: url(img/contenido_middle_wide.jpg) repeat-y;}
.cuadro_interior_1col .right .contenido .middle .text{width: 907px; margin-left: auto; margin-right: auto;}
.cuadro_interior_1col .right .contenido .bottom{width: 925px;height: 12px;background: url(img/contenido_bottom_wide.png) no-repeat;}


.cuadro_center .left{
    float: left;
    margin-left: 7px;
}

.cuadro_center .center{
    float: left;

}

.cuadro_center .right{
    float: left;

}

.cuadro_center .left .menu {
    margin-bottom: 10px;
}
.cuadro_center .right .contenido {
    margin-bottom: 10px;
}

.cuadro_center .left .menu .top .spacer {height: 10px;}
.cuadro_center .left .menu .top .text{
    color: white;
    font-weight:bold;
    margin-left: 10px;
}

.cuadro_center .left .menu .top{
    width: 241px;
    height: 30px;
}

.cuadro_center .left .menu .middle{
    width: 241px;
    background: url(img/menu_middle.jpg) repeat-y;
}

.cuadro_center .left .menu .bottom{
    width: 241px;
    height: 12px;
    background: url(img/menu_bottom.png) no-repeat;
}

.cuadro_center .left #principal .top{
    background: url(img/menu_top_verde.png) no-repeat;
}

.cuadro_center .left #secundario .top{
    background: url(img/menu_top_naranja.png) no-repeat;
}

#logindiv{
    width: 320px;
    height: 355px;
    background: url(img/login2.png) no-repeat;
    margin: auto;
    color: white;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
}

#logindiv .spacer{ height: 80px;}

#logindiv .linea{
    margin-top: 21px;
    line-height: 25px;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    color:black;
}

#logindiv .linea .left{float: left;}
#logindiv .linea a{color: black; text-decoration: none; font-size: 9px; }
#logindiv #forget{text-align: center;}
#logindiv .linea .boton{
    float: right;
    border: 2px solid #1F5982;
    background: url(img/botonbg.jpg) repeat-x;
    width: 107px;
    height: 21px;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #235B85;
}
#logindiv .linea .txt{
    width: 260px;
    height: 30px;
    background: url(img/login_txt.jpg) no-repeat;
    border: 0px;
    font-size:16px;
    font-weight: bold;
    color: #1F5982;
    text-align: center;
}


#subsistemas{
}


#subsistemas .item_subsitema{
    width: 250px;
    float: left;
    margin: 12px;
}

#subsistemas .item_subsitema .left{ float: left; width: 83px;}
#subsistemas .item_subsitema .right{ float: right; width: 160px;}
#subsistemas .item_subsitema h1{font-size: 14px;}
#subsistemas .item_subsitema h2{font-size: 11px;font-weight: normal;}



.link_menu_table{
    margin: 0 auto;
    display:inline-table;
    padding-top:0px;
    text-align:center;
    width:100%;
}
.link_menu_img{
    font-size:x-small;
    text-decoration:none;
    color:transparent;
}
.link_menu_text{
    font-size:x-small;
    text-decoration:none;
    color:black;
}

.centrar_menu{
    margin: auto;
    text-align: center;
}

.ico{
    display:inline-block;
    margin-left:2px;
    margin-right:2px;
    border-width:0px;
}

.btn {
    border: groove 2px #1174C5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 4px;
    text-decoration:none;
    height:22px;
    display:inline-block;
    font-size:small;
    text-align:center;
    vertical-align:middle;
    color:white;
    background-color:orange;
    white-space:nowrap;
    margin: 0 auto;
    padding-left:7px;
    padding-right:7px;
    margin-left:5px;
    margin-right:5px;
    font-weight:normal;
}
.btn2 {
    border: groove 2px #1174C5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 4px;
    text-decoration:none;
    height:22px;
    display:inline-block;
    font-size:small;
    text-align:center;
    vertical-align:middle;
    color:black;
    background-color:#239fff;
    white-space:nowrap;
    margin: 0 auto;
    padding-left:7px;
    padding-right:7px;
    margin-left:5px;
    margin-right:5px;
    font-weight:normal;
}

.label{
    text-align:right;
    color:#666666;
    padding-right:5px;
}

.input{
    text-align:left;
    padding-left:5px;
}

.resalte{
    text-align:left;
    font-weight:bold;
}

/*
    Estilos de los Faces Messages

*/
.messages_content{
    display:inline-table;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
    width:98%;
    border: groove 2px #1174C5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 4px;
}

.warnClass{
    display:table;
    padding-left:40px;
    padding-top:5px;
    padding-bottom:5px;
    color:#F76F00;
    background-image:url(/ico/warn.png);
    background-position:left;
    background-repeat:no-repeat;
    height:20px;
    text-align:left;
}

.errorClass{
    display:table;
    padding-left:40px;
    padding-top:5px;
    padding-bottom:5px;
    color:#FF0B0B;
    background-image:url(/ico/error.png);
    background-position:left;
    background-repeat:no-repeat;
    height:20px;
    text-align:left;
}

.infoClass{
    display:table;
    padding-left:40px;
    padding-top:5px;
    padding-bottom:5px;
    color:#1174C5;
    background-image:url(/ico/info.png);
    background-position:left;
    background-repeat:no-repeat;
    height:20px;
    text-align:left;
}

.cup{
    vertical-align:top;
}

.ccenter{
    text-align:center;
}

.cright{
    text-align:right;
}

.cleft{
    text-align:left;
}

.cnum{
    font-family:"Consolas","Courier New","Courier";

}

.cnowrap{
    white-space:nowrap;
    text-align:center;
}

.clink{
    color:#1077CD;
    text-decoration:none;
    font-size:small;
    text-align:right;
}

fieldset{
    -moz-border-radius: 6px;
    background-image:url(../images/fieldset_bkg.png);
    background-repeat:repeat-x;
}

legend{
    color:#1077CD;
    font-weight:700;
    font-size:smaller;
    margin-top:0px;
    padding-top:0px;
}


.Columnauno {
    padding: 8px;
    background: #e8edff url(RegLetra/img/gradback.png) repeat-x;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    text-align: center;
}

.headerAlignment {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url(RegLetra/img/gradhead.png) repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;
    text-align: center;
}
